// 1. HOOK的使用规则:
// 1.1 只能在函数组件和其他HOOK中使用
// 1.2 在使用时,应该处于顶级作用域

// 2. 自定义HOOK

// 其实就是自定义函数, 函数名要以useXxx的形式(小驼峰)

// 2. react-router-dom

// 2.1 监听浏览器地址栏路径变化,并切换视图的组件  BrowserRouter

// 2.2 定义前端规则 Routes和Route

// 2.3 修改路径,但是不发送请求
// Link 和 NavLink
// NavLink可以帮我们自动实现高亮, Link不可以

// 2.4 Outlet 用来决定嵌套路由的组件渲染的位置

// 2.5 Navigate 主要用来在访问未定义规则的路径时,展示一个404页面

// 2.6 生成Routes和Rotue组件. useRoutes([{path: '路径', element: 组件实例, children: []}])

// 2.7 编程式导航 const navigate = useNavigate()
// navigate('/xxx',{replace:false})  返回: navigate(-1)
